<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>迷笛考级</title>
		<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
		<link rel="stylesheet" type="text/css" href="__PUBLIC__/midi/css/initialize.css"/>
		<link rel="stylesheet" type="text/css" href="__PUBLIC__/midi/css/public.css"/>
		<link rel="stylesheet" type="text/css" href="__PUBLIC__/midi/css/index.css"/>
		<link rel="stylesheet" type="text/css" href="__PUBLIC__/midi/css/swiper-3.4.2.min.css"/>
		<script src="__PUBLIC__/midi/js/jquery-2.2.3 (1).js" type="text/javascript"></script>
		<script type="text/javascript" src="__PUBLIC__/midi/js/public.js"></script>
		<script src="__PUBLIC__/midi/js/index.js" type="text/javascript"></script>
		<style>
			.page img{
				width: 9vw;
				display: block;
				height: 9.8vw;
			}
			.bianwei .page .margin-right:nth-child(4n+4){
				margin-right: 0 !important;
			}
			.bianwei .page .margin-bottom{
				margin-bottom: 1vw;
			}
			.bianwei .page .margin-right{
				margin-right: 1vw;
			}
			.bianwei-slider .leftright{
				z-index: 98;
			}
			.page div{
				position: relative;
			}
			.slider-bg .bianwei-wrapper{
				width: 100%;
			}
			.page .page-item{
				overflow: hidden;
			}
			/*编委头像墙的弹窗*/
			#main{
				position: fixed;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                background-color: rgba(0,0,0,0.5);
                display: none;
                z-index: 99;
			}
			 #box{
				background-color: #fff;
                padding: 50px;
                width: 40%;
                position: fixed;
                top: 15%;
                left: 25%;
                border-radius: 10px;
                z-index: 100;
                display: none;
			}
			#box .left{
				width: 30%;
				float: left;
			}
			#box .left img{
				width: 80%;
			}
			#box .left p{
				width: 80%;
				text-align: center;
				margin-top: 10px;
			}
			#box .right p{
				margin-bottom: 15px;
				line-height: 25px;
			}
			#box .right{
				width: 70%;
				float: right;
			}
			#box .close-wrapper{
				width: 30px;
				height: 30px;
				line-height: 30px;
				text-align: center;
				z-index: 2;
				border-radius: 15px;
				background-color: #fff;
				position: absolute;
				top: -35px;
				right: -33px;
			}
			#box #close{
				display: block;
				color: #333;
				font-size: 20px;
			}
			#box #close img{
				width: 15px;
			}
			/*编委头像墙的弹窗结束*/
		</style>
		<style >
              .jieshao-wrapper{
              	height: 4.8rem;
              	margin-bottom: 14px;
              }
              .jieshao{
              	line-height: 1.6rem;
              }
		</style>
	</head>
	<body>
		<include file="Public/header" />
		<!--首页第一个轮播图开始-->
		<div class="swiper-container lunbo">
			<div class="swiper-wrapper">
				<div class="swiper-slide">
					<a><img src="__PUBLIC__/midi/img/banner.png"/></a>
				</div>
				<div class="swiper-slide">
					<a><img src="__PUBLIC__/midi/img/banner.png"/></a>
				</div>
				<div class="swiper-slide">
					<a><img src="__PUBLIC__/midi/img/banner.png"/></a>
				</div>
				<div class="swiper-slide">
					<a><img src="__PUBLIC__/midi/img/banner.png"/></a>
				</div>
			</div>
			<div class="swiper-pagination"></div>
		</div>
		<!--首页第一个轮播图结束-->
		<!--首页第一个文本内容开始-->
		<div class="banner">
		   <img src="__PUBLIC__/midi/img/s_p1.png" />
		</div>
		<!--首页第一个文本内容结束-->
		<!--报名入口开始-->
		<div class="enter-sec">
		   <img src="__PUBLIC__/midi/img/s_p2.png" />
		   <div class="enter-inner">
		      <h2>欢迎参加迷笛全国音乐考级</h2>
		      <p>Welcome the MIDI Music Grading Test</p>
		      <div class="enter-btn">
		      	<div>
		      		<a href="{$article_arr.article_url}" target="_blank">了解详情</a>
		      	    <a class="blue-back" onclick="alert('敬请期待')">立即报名</a>
		      	</div>
		      </div>
		   </div>
		</div>
		<!--报名入口结束-->
		<!--音频曲谱开始-->
		<div class="qupu-sec">
			<div class="img">
				<img src="__PUBLIC__/midi/img/s_p4.png" />
			</div>
			<div class="right">
				<h2>音频曲谱</h2>
				<p>迷笛全国音乐考级曲谱</p>
				<p>点击查看</p>
				<p class="last">曲谱与配套音频</p>
				<div class="qupu-btn">
					<a href="https://item.taobao.com/item.htm?spm=a1z10.5-c-s.w4002-305410256.13.1f0bf830f05mVd&id=560556762837" target="_blank">曲谱教程</a>
					<a class="blue-back" href="{:U('Media/audio_index')}">考级音频</a>
				</div>
			</div>
		</div>
		<!--音频曲谱结束-->
		<!--编委团队开始-->
		<div class="bianwei">
			<div class="con">
				<h3>迷笛编委团队</h3>
				<div class="bianwei-slider">
					<div class="leftright">
					    <div class="left swiper-button-prev">
					    	<a><img src="__PUBLIC__/midi/img/l-jiantou.png" /></a>
					    </div>
					    <div class="right swiper-button-next">
					    	<a><img src="__PUBLIC__/midi/img/r-jiantou.png" /></a>
					    </div>
				    </div>
				    <div class="slider-bg swiper-container">
				    	<div class="slider-bg-img swiper-wrapper" id="zf">
				    	</div>
				    </div>
				</div>
			</div>
		</div>
		<!--弹框-->
			<div id="main"></div>
			<div id="box">
					  <div class="close-wrapper">
						   <a id="close" ><img src="__PUBLIC__/midi/img/guanbi.png"/></a>
					            </div>
					            <div class="left">
						           <img id="img" />
						           <p id="name"></p>
						           <p id="title"></p>
					             </div>
					            <div class="right">
						              <div id="text"></div>
					           </div>
					           <div style="clear: both;"></div>
				             </div>
		             <!--弹框结束-->
		<!--编委团队结束-->
		<!--迷笛先生开始-->

		<div class="mr-sec">
		  <h2 class="title">迷笛先生</h2>
		  <div class="swiper-container">
		  	<div class="swiper-wrapper">
		  		<!--第一页-->
		  		<div class="swiper-slide">
		  			<div class="inner">
		  				<div class="mr-item">
		  			       <div class="img">
		  			          <img src="{$mrmidi_arr[0].user_avatar}" onclick="window.location.href='{:U('Mrmidi/index')}'"/>
		  			       </div>
		  			       <h2>{$mrmidi_arr[0].user_name}</h2>
		  			       <p>
                                    <if condition="$mrmidi_arr[0][mrmidi_major_id] eq 1">
							        电吉他
							        <elseif condition="$mrmidi_arr[0][mrmidi_major_id] eq 2" />
							        爵士鼓
							        <elseif condition="$mrmidi_arr[0][mrmidi_major_id] eq 3" />
							        电贝司
							        </if>
		  			       </p>
		  			       <p>
                                    <if condition="$mrmidi_arr[0][mrmidi_level] eq 1">
							        初级
							        <elseif condition="$mrmidi_arr[0][mrmidi_level] eq 2" />
							        中级
							        <elseif condition="$mrmidi_arr[0][mrmidi_level] eq 3" />
							        高级
							        <elseif condition="$mrmidi_arr[0][mrmidi_level] eq 4" />
							        特级
							        </if>
		  			       </p>
		  			    </div>
		  			    <div class="mr-item">
		  			       <div class="img">
		  			          <img src="{$mrmidi_arr[1].user_avatar}" onclick="window.location.href='{:U('Mrmidi/index')}'"/>
		  			       </div>
		  			       <h2>{$mrmidi_arr[1].user_name}</h2>
		  			       <p>
		  			       	        <if condition="$mrmidi_arr[0][mrmidi_major_id] eq 1">
							        电吉他
							        <elseif condition="$mrmidi_arr[0][mrmidi_major_id] eq 2" />
							        爵士鼓
							        <elseif condition="$mrmidi_arr[0][mrmidi_major_id] eq 3" />
							        电贝司
							        </if>
						    </p>
		  			       <p>
		  			       	      <if condition="$mrmidi_arr[0][mrmidi_level] eq 1">
							        初级
							        <elseif condition="$mrmidi_arr[0][mrmidi_level] eq 2" />
							        中级
							        <elseif condition="$mrmidi_arr[0][mrmidi_level] eq 3" />
							        高级
							        <elseif condition="$mrmidi_arr[0][mrmidi_level] eq 4" />
							        特级
							        </if>
		  			       </p>
		  			    </div>
		  			    <div class="mr-item">
		  			       <div class="img">
		  			         <img src="{$mrmidi_arr[2].user_avatar}" onclick="window.location.href='{:U('Mrmidi/index')}'"/>
		  			       </div>
		  			       <h2>{$mrmidi_arr[2].user_name}</h2>
		  			       <p>
		  			       	       <if condition="$mrmidi_arr[0][mrmidi_major_id] eq 1">
							        电吉他
							        <elseif condition="$mrmidi_arr[0][mrmidi_major_id] eq 2" />
							        爵士鼓
							        <elseif condition="$mrmidi_arr[0][mrmidi_major_id] eq 3" />
							        电贝司
							        </if>
		  			       </p>
		  			       <p>
		  			       	      <if condition="$mrmidi_arr[0][mrmidi_level] eq 1">
							        初级
							        <elseif condition="$mrmidi_arr[0][mrmidi_level] eq 2" />
							        中级
							        <elseif condition="$mrmidi_arr[0][mrmidi_level] eq 3" />
							        高级
							        <elseif condition="$mrmidi_arr[0][mrmidi_level] eq 4" />
							        特级
							        </if>
		  			       </p>
		  			    </div>
		  			    <div class="mr-item">
		  			       <div class="img">
		  			         <img src="{$mrmidi_arr[3].user_avatar}" onclick="window.location.href='{:U('Mrmidi/index')}'"/>
		  			       </div>
		  			       <h2>{$mrmidi_arr[3].user_name}</h2>
		  			       <p>
		  			       	       <if condition="$mrmidi_arr[0][mrmidi_major_id] eq 1">
							        电吉他
							        <elseif condition="$mrmidi_arr[0][mrmidi_major_id] eq 2" />
							        爵士鼓
							        <elseif condition="$mrmidi_arr[0][mrmidi_major_id] eq 3" />
							        电贝司
							        </if>
		  			       </p>
		  			       <p>
		  			       	      <if condition="$mrmidi_arr[0][mrmidi_level] eq 1">
							        初级
							        <elseif condition="$mrmidi_arr[0][mrmidi_level] eq 2" />
							        中级
							        <elseif condition="$mrmidi_arr[0][mrmidi_level] eq 3" />
							        高级
							        <elseif condition="$mrmidi_arr[0][mrmidi_level] eq 4" />
							        特级
							        </if>
		  			       </p>
		  			    </div>
		  			</div>
		  		</div>
		  		<!--第一页结束-->
		  		<!--第二页-->
		  		<div class="swiper-slide">
		  			<div class="inner">
		  				<div class="mr-item">
		  			       <div class="img">
		  			         <img src="{$mrmidi_arr[4].user_avatar}" onclick="window.location.href='{:U('Mrmidi/index')}'"/>
		  			       </div>
		  			       <h2>{$mrmidi_arr[4].user_name}</h2>
		  			       <p>
		  			       	       <if condition="$mrmidi_arr[0][mrmidi_major_id] eq 1">
							        电吉他
							        <elseif condition="$mrmidi_arr[0][mrmidi_major_id] eq 2" />
							        爵士鼓
							        <elseif condition="$mrmidi_arr[0][mrmidi_major_id] eq 3" />
							        电贝司
							        </if>
		  			       </p>
		  			       <p>
		  			       	      <if condition="$mrmidi_arr[0][mrmidi_level] eq 1">
							        初级
							        <elseif condition="$mrmidi_arr[0][mrmidi_level] eq 2" />
							        中级
							        <elseif condition="$mrmidi_arr[0][mrmidi_level] eq 3" />
							        高级
							        <elseif condition="$mrmidi_arr[0][mrmidi_level] eq 4" />
							        特级
							        </if>
		  			       </p>
		  			    </div>
		  			    <div class="mr-item">
		  			       <div class="img">
		  			         <img src="{$mrmidi_arr[5].user_avatar}" onclick="window.location.href='{:U('Mrmidi/index')}'"/>
		  			       </div>
		  			       <h2>{$mrmidi_arr[5].user_name}</h2>
		  			       <p>
		  			       	       <if condition="$mrmidi_arr[0][mrmidi_major_id] eq 1">
							        电吉他
							        <elseif condition="$mrmidi_arr[0][mrmidi_major_id] eq 2" />
							        爵士鼓
							        <elseif condition="$mrmidi_arr[0][mrmidi_major_id] eq 3" />
							        电贝司
							        </if>
		  			       </p>
		  			       <p>
		  			       	      <if condition="$mrmidi_arr[0][mrmidi_level] eq 1">
							        初级
							        <elseif condition="$mrmidi_arr[0][mrmidi_level] eq 2" />
							        中级
							        <elseif condition="$mrmidi_arr[0][mrmidi_level] eq 3" />
							        高级
							        <elseif condition="$mrmidi_arr[0][mrmidi_level] eq 4" />
							        特级
							        </if>
		  			       </p>
		  			    </div>
		  			    <div class="mr-item">
		  			       <div class="img">
		  			         <img src="{$mrmidi_arr[6].user_avatar}" onclick="window.location.href='{:U('Mrmidi/index')}'"/>
		  			       </div>
		  			       <h2>{$mrmidi_arr[6].user_name}</h2>
		  			       <p>
		  			       	       <if condition="$mrmidi_arr[0][mrmidi_major_id] eq 1">
							        电吉他
							        <elseif condition="$mrmidi_arr[0][mrmidi_major_id] eq 2" />
							        爵士鼓
							        <elseif condition="$mrmidi_arr[0][mrmidi_major_id] eq 3" />
							        电贝司
							        </if>
		  			       </p>
		  			       <p>
		  			       	      <if condition="$mrmidi_arr[0][mrmidi_level] eq 1">
							        初级
							        <elseif condition="$mrmidi_arr[0][mrmidi_level] eq 2" />
							        中级
							        <elseif condition="$mrmidi_arr[0][mrmidi_level] eq 3" />
							        高级
							        <elseif condition="$mrmidi_arr[0][mrmidi_level] eq 4" />
							        特级
							        </if>
		  			       </p>
		  			    </div>
		  			   <div class="mr-item">
		  			       <div class="img">
		  			         <img src="{$mrmidi_arr[7].user_avatar}" onclick="window.location.href='{:U('Mrmidi/index')}'"/>
		  			       </div>
		  			       <h2>{$mrmidi_arr[7].user_name}</h2>
		  			       <p>
		  			       	       <if condition="$mrmidi_arr[0][mrmidi_major_id] eq 1">
							        电吉他
							        <elseif condition="$mrmidi_arr[0][mrmidi_major_id] eq 2" />
							        爵士鼓
							        <elseif condition="$mrmidi_arr[0][mrmidi_major_id] eq 3" />
							        电贝司
							        </if>
		  			       </p>
		  			       <p>
		  			       	      <if condition="$mrmidi_arr[0][mrmidi_level] eq 1">
							        初级
							        <elseif condition="$mrmidi_arr[0][mrmidi_level] eq 2" />
							        中级
							        <elseif condition="$mrmidi_arr[0][mrmidi_level] eq 3" />
							        高级
							        <elseif condition="$mrmidi_arr[0][mrmidi_level] eq 4" />
							        特级
							        </if>
		  			       </p>
		  			    </div>
		  			</div>
		  		</div>
		  		<!--第二页结束-->
		  	</div>
		  	<div class="left-right">
		  		<div class="left ">
		  			<a><img src="__PUBLIC__/midi/img/l-jiantou.png"/></a>
		  		</div>
		  		<div class="right ">
		  			<a><img src="__PUBLIC__/midi/img/r-jiantou.png"/></a>
		  		</div>
		  	</div>
		  </div>
		  <a class="more" href="{:U('Mrmidi/index')}"><img src="__PUBLIC__/midi/img/more_btn.png"/></a>
		</div>
		<!--迷笛先生结束-->

		<!--迷笛电吉他开始-->
		<div class="club-sec">
	    	<img src="__PUBLIC__/midi/img/s_p5.png" class="club-img" />
	    	<div class="title">
	    		<h2>MIDICLUB</h2>
	    	</div>
	    	<p class="address">地址： 北京市海淀区曙光街道远大路20号宝蓝大厦A座18B/B座17A</p>
	    	<p class="time">营业时间：08:00-21:00</p>
	    	<a class="details" href="{:U('Midiclub/index')}">了解详情</a>
	    </div>
		<!--迷笛品牌开始-->
		<div class="brand-sec">
	    	<div class="title">
	    		<h2>迷笛品牌</h2>
	    	</div>
	    	<div class="brand-logo">
	    		<div class="logo-item pinpai1">
	    			<a href="https://baike.baidu.com/item/迷笛音乐节/1386703?fr=aladdin">
	    				<img src="__PUBLIC__/midi/img/midiyinyuejie.png" />
	    				<p>迷笛音乐节</p>
	    			</a>
	    		</div>
	    		<div class="logo-item pinpai2">
	    			<a href="http://www.midischool.com.cn">
	    				<img src="__PUBLIC__/midi/img/midiyinyuexuexiao.png" />
	    				<p>北京迷笛音乐学校</p>
	    			</a>
	    		</div>
	    		<div class="logo-item pinpai3">
	    			<a href="https://weibo.com/u/6319148489?refer_flag=1001030101_">
	    				<img src="__PUBLIC__/midi/img/dianmiyinyuejie.png" />
	    				<p>电迷音乐节</p>
	    			</a>
	    		</div>
	    		<div class="logo-item pinpai4">
	    			<a href="http://www.midilevel.com">
	    				<img src="__PUBLIC__/midi/img/midiquanguoyinyuekaoji.png" />
	    				<p>迷笛全国音乐考级</p>
	    			</a>
	    		</div>
	    		<div class="logo-item pinpai5">
	    			<a href="https://weibo.com/p/1008087bdc0e145e4f3caa3d9b60737ba74d91">
	    				<img src="__PUBLIC__/midi/img/midiquanguoyueduidasai.png" />
	    				<p>迷笛全国校园乐队大赛</p>
	    			</a>
	    		</div>
	    		<div class="logo-item pinpai6">
	    			<a href="https://weibo.com/midikids?topnav=1&wvr=6&topsug=1">
	    				<img src="__PUBLIC__/midi/img/haizimendedasai.png" />
	    				<p>孩子们的迷笛</p>
	    			</a>
	    		</div>
	    	</div>
	        <div class="brand-logo2">
	    		<div class="logo-item pinpai7">
	    			<a href="http://www.taihumidi.com">
	    				<img src="__PUBLIC__/midi/img/taihumidiying.png" />
	    				<p>太湖迷笛营</p>
	    			</a>
	    		</div>
	    		<div class="logo-item pinpai8">
	    			<a href="https://weibo.com/midiawards">
	    				<img src="__PUBLIC__/midi/img/zhongguoyaogunmidijiang.png" />
	    				<p>中国摇滚迷笛奖</p>
	    			</a>
	    		</div>
	    		<div class="logo-item pinpai9">
	    			<a href="https://weibo.com/u/5620429909?is_all=1">
	    				<img src="__PUBLIC__/midi/img/midiyinyuechuanmei.png" />
	    				<p>迷笛音乐传媒</p>
	    			</a>
	    		</div>
	    		<div class="logo-item pinpai10">
	    			<a href="https://weibo.com/jazzfestival?refer_flag=1001030102_">
	    				<img src="__PUBLIC__/midi/img/beijingjueshiyinyuejie.png" />
	    				<p>北京爵士音乐节</p>
	    			</a>
	    		</div>
	    		<div class="logo-item pinpai11">
	    			<a href="https://midiofficial.taobao.com">
	    				<img src="__PUBLIC__/midi/img/midiguanfangchupin.png" />
	    				<p>迷笛官方出品</p>
	    			</a>
	    		</div>
	    		<div class="logo-item pinpai12">
	    			<a href="http://www.dianping.com/shop/67433461">
	    				<img src="__PUBLIC__/midi/img/midijiulebu.png" />
	    				<p>迷笛俱乐部</p>
	    			</a>
	    		</div>
	    	</div>
	    </div>
		<!--迷笛品牌结束-->
		<!--首页尾部开始-->
		<footer>
			<div class="con">
				<div class="footer-top">
				   <div class="footer-logo clearFix">
					   <a><img src="__PUBLIC__/midi/img/logo-bot.png"/></a>
				   </div>
				   <ul class="clearFix">
					   <li>
					   	<img src="__PUBLIC__/midi/img/iconfont-tel-bling.png"/>
					   	<div class="phone">
                             <p><span>电话:</span>400-648-0456</p>
                             <p><span>Phone:</span>400-648-0456</p>
					   	</div>
					   	<div style="clear:both;"></div>
					   </li>
					   <li>
					   	<img src="__PUBLIC__/midi/img/iconfont-weixin(1).png"/>
					   	<div class="phone">
                            <p><span>微信:</span>midilevel</p>
                            <p><span>WeChat:</span>midilevel</p>
					   	</div>
					    <div style="clear:both;"></div>
					   </li>
					   <li>
					   	<img src="__PUBLIC__/midi/img/iconfont-youxiang.png"/>
					   	<div class="phone">
                             <p><span>邮箱:</span>info@midilevel.com</p>
                             <p> <span>Email:</span>info@midilevel.com</p>
					   	</div>
					   		<div style="clear:both;"></div>
					   </li>
					   <li><img src="__PUBLIC__/midi/img/iconfont-dizhi.png"/>
                          <div class="phone">
                              <p><span>地址:</span>北京市海淀区世纪城远大园5区8号楼</p>
                              <p><span>Address:</span>Shi Ji Cheng 5Qu 8Lou B1D Haidian Beijng China</p>
                          </div>
                          	<div style="clear:both;"></div>
					   </li>
				    </ul>
				    <dl class="clearFix">
					    <dt class="margin-bottom">新闻动态 NEWS</dt>
					    <foreach name="news_arr" item="v">
						    <dd class="margin-bottom"><a href="{$v.news_url}" target="_blank">{$v.news_title}</a></dd>
						</foreach>
				    </dl>
			     </div>
			   <p>&copy;Copyright 2015.版权归迷笛所有 All Rights Reserved 京ICP备09114958号-6</p>
			</div>
		</footer>
		<!--首页尾部结束-->
		<script src="__PUBLIC__/midi/js/swiper.min.js" type="text/javascript"></script>
		<script src="__PUBLIC__/midi/js/pingwei.js"></script>
		<script>

			window.onload = function(){
				var pagestr = "";
		        var zf = document.getElementById("zf");
	            for(var i = 0; i<5; i++){
		           pagestr += '<div class="page swiper-slide " style="width:840px;">';
		           for(var j = 0;j < 8; j++){
		           		var index = i*8 +j;
		           		if(index < 50){
			           		pagestr += '<div class="margin-bottom margin-right">'
			           					+'<img src="'+teacherData[index].pic+'" onclick="showdialog('+index+')"/>'
			           					+'<div class="bianwei-wrapper"><span>'+teacherData[index].name+'</span></div>'
			           					+'</div>';
		           		}
		           }
		           pagestr += '</div>';
	            }
	            zf.innerHTML = pagestr;

	            var mb_bianwei_str = '';
	            var mb_bianwei = document.getElementById("mb_bianwei");
	            for(var i = 0; i<25; i++){
		           mb_bianwei_str += '<div class="swiper-slide"><ul>';
		           mb_bianwei_str += '<li><img src="'+teacherData[i*2].pic+'" onclick="showdialog('+i*2+')"/></li>';
		           mb_bianwei_str += '<li><img src="'+teacherData[i*2+1].pic+'" onclick="showdialog('+(i*2+1)+')"/></li>';
		           mb_bianwei_str += '</ul></div>';
	            }
	            mb_bianwei.innerHTML = mb_bianwei_str;

            var swiper = new Swiper('.bianwei-mb', {
               slidesPerView: 4,
               paginationClickable: true,
               spaceBetween: 8,
               slidesOffsetBefore : 36,
               observer:true,
               observeParents:true,
               initialSlide :0,
             });

	            var close = document.getElementById("close");
				close.addEventListener("click",function(){
					document.getElementById("main").style.display = "none";
					document.getElementById("box").style.display = "none";
					 document.getElementsByTagName("body")[0].style.overflow = "scroll";
				});
				var close1 = document.getElementById("main");
				close1.addEventListener("click",function(){
					document.getElementById("main").style.display = "none";
					document.getElementById("box").style.display = "none";
					 document.getElementsByTagName("body")[0].style.overflow = "scroll";
				});

}
			function showdialog(index){
				var img = document.getElementById("img");
                    img.src = teacherData[index].pic;
                    var name = document.getElementById("name");
                    name.innerHTML = teacherData[index].name;
                    var title = document.getElementById("title");
                    title.innerHTML = teacherData[index].position;
                    var ptext = document.getElementById("text");
                   var p_arr = teacherData[index].introduction;
                   var str = '';
                   for(var i=0;i<p_arr.length;i++){
                   	str += '<p>'+p_arr[i]+'</p>'
                   }
                   ptext.innerHTML = str;
                   document.getElementById("main").style.display = "block";
                   document.getElementById("box").style.display = "block";
                   document.getElementsByTagName("body")[0].style.overflow = "hidden";
			}


		</script>
		<script>
			var mySwiper = new Swiper ('.bianwei .swiper-container', {
               direction: 'horizontal',
//             loop: true,
               // 如果需要前进后退按钮
              navigation:{
              	nextEl:'.leftright .right',
              	prevEl:'.leftright .left',
              },
               observer:true,
               observeParents:true,
            }) ;
           var myswiper2 = new Swiper(".mr-sec .swiper-container",{
				loop:true,
				navigation:{
					nextEl:'.mr-sec .right',
					prevEl:'.mr-sec .left',
				}
	       });
            $(function(){


                 $(".jieshao-wrapper").each(function(i){
                          var divH = $(this).height();
                          var $p = $("p", $(this)).eq(0);
                          while ($p.outerHeight() > divH) {
                                $p.text($p.text().replace(/(\s)*([a-zA-Z0-9]+|\W)(\.\.\.\全\文)?$/, "...全文"));
                            };
                     });


                 var wordLimit=function(){
                    $(".clearFix dt a").each(function(){
                       var copyThis = $(this.cloneNode(true)).hide().css({
                           'position': 'absolute',
                           'width': 'auto',
                           'overflow': 'visible'
                       });
                      $(this).after(copyThis);
                      if(copyThis.width()>$(this).width()){
                           $(this).text($(this).text().substring(0,$(this).html().length-4));
                           $(this).html($(this).html()+'...');
                             copyThis.remove();
                             wordLimit();
                        }else{
                             copyThis.remove(); //清除复制
                               return;
                        }
                   });
               }
                wordLimit();


            	var winwidth = $(window).width();
            	var height = (winwidth / 3.3)+"px";
            	$(".jita-slider").css({"height":height});

            	$(".bianwei .page > div").hover(function(){
            		$(this).find($(".bianwei-wrapper")).css('opacity',"1")
            	},function(){
            		$(this).find($(".bianwei-wrapper")).css('opacity',"0")
            	})
            })
		</script>

	</body>
</html>
